<script setup lang="ts">
import vccPdf from "@@/assets/pdf/vcc-project-plan.pdf";
import { VuePdf, createLoadingTask } from "vue3-pdfjs";
const loadingTask = createLoadingTask(vccPdf);

const state = reactive({
  pageNum: 0,
});
loadingTask.promise.then((res) => {
  state.pageNum = res.numPages;
});
</script>

<template>
  <div class="Prow-xxl">
    <VuePdf
      v-for="page in state.pageNum"
      :key="page"
      :src="vccPdf"
      :page="page"
    />
  </div>
</template>

<style lang="scss" scoped></style>
